<!doctype html>
<!--[if IE 8]> <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if IE 10]> <html class="ie10" lang="en"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]> <html lang="en"> <![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Blue Touch. We’re an Engineering Agency. We create things. Apps. Sites. Software. Back-ends and front-ends. Then we connect everything. We’re on the leading edge—the view from here is incredible. Talk with us and see what we see.">
    <meta name="author" content="Blue Touch S.A. de C.V.">
    <link rel="shortcut icon" href="favico.ico">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="styles/main.css">
    <!-- endbuild -->
    <script src="//use.typekit.net/zwf3wtd.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!--[if lt IE 7]>
      <p class="container">You are using an <strong>outdated</strong> browser. Please <a class="icon" href="http://browsehappy.com/" target="_blank"><i class="fa fa-envelope-o">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Add your site or application content here -->
    <div class="preloader">
       <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
    </div>

<!-- NAVBAR -->
      <nav class="navbar navbar-default cbp-af-header" role="navigation">
        <div class="blur-background"></div>
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="/images/bt-logo@2x.png" class="bt-logo"></a>
          </div>

          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li><a href="#intro" class="scroll">Home</a></li>
              <li><a href="#contact" class="scroll">Contact</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
<!-- Intro  -->
<div id="intro">
  <div class="item background-cover" style="background-image: url('images/background.jpg');">
    <div class="overlay-bg"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <p>
              <img src="/images/bt-logo@2x.png">
            
              <h1>We’re Blue Touch, a group of experienced and motivated designers and developers.</h1>
              <h2>We set new standards for training, craft development & user experience.</h2>
            </p>
            <p class="text-center">
              <a class="btn btn-lg btn-primary scroll" href="#contact" role="button">Learn more</a>
            </p>
          </div>
        </div>
      </div>
  </div>
</div>
<!-- Footer -->
<footer id="contact" class="footer">
  <div class="container">    
    <div class="row">
      <div class="col-sm-3 col-md-3">
        <div class="footer-logo">
          <h3>Blue Touch S.A de C.V.</h3>
          <p>57 Taylor<br />San Francisco, CA 94102<br />+1 (415) 990-2375</p>
          <p>San Lorenzo 1009, Del Valle, Benito Juárez, 03100<br />Mexico, DF</p>
          <p class="muted">© 2015 Blue Touch S.A de C.V.</p>
        </div>
      </div>
      <div class="col-sm-3 col-md-3">
        <h3>&nbsp;</h3>
      </div>
      <div class="col-sm-3 col-md-3">
          <h3>Blue Touch</h3>
          <p>
            Gives you the opportunity to do things that make a real difference in people’s lives.
            We bake ideas to a mobile experiences, with a craftsmanship process and huge knowledge of what each platforms may offers.
          </p>
      </div>
      <div class="col-sm-3 col-md-3">
      </div>
    </div>
    <div class="row" >
      <div class="col-lg-12 text-center">
        <a class="icon" href="http://www.twitter.com/bluetouchmx" target="_blank"><i class="fa fa-twitter"></i></a>
        <a class="icon" href="http://www.facebook.com/bluetouch.mx" target="_blank"><i class="fa fa-facebook"></i></a>
        <a class="icon" href="mailto:training@bluetouch.mx" target="_blank"><i class="fa fa-envelope-o"></i></a>
      </div>
    </div>
  </div>
</footer>
    </div>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
     <script>
        !function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){
        (A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g),
        r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r)
        }(window,document,'script','//www.google-analytics.com/analytics.js','ga');

       ga('create', 'UA-11264041-9');
       ga('send', 'pageview');
    </script>

    <!-- build:js(.) scripts/oldieshim.js -->
    <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.js"></script>
    <![endif]-->
    <!-- endbuild -->

    <script src="bower_components/requirejs/require.js" data-main="scripts/main_r.js" ></script>
    
  </body>
</html>
